<?php 
include("header.php");
include("navigation.php");
include("database.php");
?>
    <!-- Box 02 -->
    <div class="box-02-top"></div>
    
    <div class="box-02 box">

        <!-- Left column -->
        <div class="col left">

            <div class="in">
            
                <h2>Colabora</h2>
                <p><strong>&Uacute;nete al equipo de desarrollo o envianos nuevas ideas!</strong> <br />Si quieres crees que puedes aportar cosas &uacute;tiles al proyecto, no dudes en participar con nosotros. Comprueba c&oacute;mo.</p>
                
            </div> <!-- /in -->

            <p class="nom"><a href="sugerencias.php"><img src="design/btn-more.jpg" alt="More" /></a></p>

        </div> <!-- /col -->

        <!-- Center column -->
        <div class="col center">

            <div class="in">
            
                <h2>&iquest;C&oacute;mo funciona Izeup?</h2>
                <p>En realidad es tan sencillo de usar que no deber&iacute;as ver este video, pero si te apetece ver como funciona, adelante, haz click!</p>
                
            </div> <!-- /in -->

            <p class="nom"><a href="#"><img src="design/btn-more.jpg" alt="More" /></a></p>

        </div> <!-- /col -->

        <!-- Right column -->
        <div class="col right">

            <div class="in">
            <?php if (!isset($_SESSION['nick'])){?>
                <h2>Login</h2>
                <?php }else echo "<h2>Tu cuenta</h2>";?>
                 <?php
				if($_SESSION['logueo'] == 1){
					echo "Usuario o clave incorrectas\n";
					unset($_SESSION['logueo']);
				}
							
				if (isset($_SESSION['nick'])){
				     $usuario = $_SESSION['nick'];
				      //echo $usuario;
				 	  $consulta = "SELECT * FROM usuario WHERE nick = '$usuario'";
				 	  $resultado = mysql_query($consulta, $enlace) or die('La consulta fall&oacute;: ' . mysql_error());
				 	  echo mysql_field_name($resultado);
				 	  
				 	  mysql_free_result($consulta);
				 	  mysql_close($enlace);
				 	  $dato = mysql_fetch_array($resultado);
				 ?>
			          <img src="design/avatar/<?php echo $dato['avatar']; ?>" alt="avatar" title="" border="0" height="128" width="128" />
			    <?php       
			          //echo "<img src=\"design/avatar/default.png\" width=\"128\" height=\"128\" alt=\"avatar\"/>";
					  echo "<p>Bienvenido " . $_SESSION['nick'] .
			               " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" .
			               " <a href=\"./logout.php\">Cerrar sesi&oacute;n</a></p>";
				 	  
				 }
				 else{
     			?>
     			<div id="contacto">
				<form name="login" id="login" method="post" action="login.php">
						<fieldset>
							Nick&nbsp;&nbsp;
							<input type="text" value="" name="nick"></label>
						</fieldset>
						<fieldset>
				   			Clave
				   			<input type="password" value="" name="password"></label>		
				   		</fieldset>
				   		<button id='btn1' class='sexybutton sexysimple sexylarge' name='btn1' type='submit' value='Submit'>
							<span class='accept'>Entrar!</span>
						</button>
				</form>
                
                </div>
                <?php  } ?>
            </div> <!-- /in -->

        </div> <!-- /col -->

    </div> <!-- /box-02 -->
    <div class="box-02-bottom"></div>

    <hr class="noscreen" />

    <!-- Box 03 -->
    <div class="box-03-top"></div>
    <div class="box-03 box">

        <!-- Slider -->
        <div id="loopedSlider" class="box">
            <div class="container">
				
                <div class="slides">
                <?php 
                	include("database.php");
                	$visitado = "SELECT * FROM videos ORDER BY id desc LIMIT 0,5";
                	$consulta = mysql_query($visitado, $enlace);
                	
                ?>
                    <!-- first 5 items -->
                    <div>
                        <ul class="list box">
                            <?php 
                            	for($inicio = 1; $dato = mysql_fetch_array($consulta); $inicio+=1){
                            ?>
                            		<li><a href="video.php?v=<?php echo $dato['id'];?>"><img src="design/caratulas/<?php echo $dato['img'];?>" alt="<?php echo $dato['titulo'];?>" width="114" height="160"/><?php echo $dato['titulo'];?></a><br /></li>
                          <?php 
                            	}
                            ?>  
                        </ul>
                        
                    </div>
                    <?php 
	                     	
	                		
                    ?>
                    <!-- next 5 items -->
                    <div>
                    
                        <ul class="list box">
                        
                        <?php for($inicio = 1; $dato = mysql_fetch_array($consulta); $inicio+=1){?>
                            <li><a href="video.php?v=<?php echo $dato['id'];?>"><img src="design/caratulas/<?php echo $dato['img'];?>" alt="<?php echo $dato['titulo'];?>" width="114" height="160"/><?php echo $dato['titulo'];?><?php if($dato['temporada'] != 0){  echo" " . $dato['temporada'] . " x " . $dato['capitulo'];   } ?></a><br /></li>
                        <?php }?>
                        </ul>
                    </div>
                    
                    
                </div> <!-- /slides -->
            </div> <!-- /container -->

            <!-- Arrows (left, right) 
            <a href="#" class="previous"><img src="design/arrow-left.gif" alt="&laquo;" /></a>
            <a href="#" class="next"><img src="design/arrow-right.gif" alt="&laquo;" /></a>
	-->
            <!-- Pagination -->
            <br />
            <div align="center"><a href="ver_todos.php">Ver todas</a></div>
            <ul class="pagination">
            
               <!-- <li><a href="#"><span>1</span></a></li>
                <li><a href="#"><span>2</span></a></li> -->
              
            </ul>
        </div> <!-- /looperslider -->

        <script type="text/javascript" charset="utf-8">
        $(function(){
        $('#loopedSlider').loopedSlider();
        });
        </script>

    </div> <!-- /box-03 -->
    <div class="box-03-bottom"></div>

    <hr class="noscreen" />

    <!-- Box 04 -->
    <div class="box-04 box">

        <div class="box-04-title"><h3><span>La gu&iacute;a de supervivencia de Izeup (F.A.Q.)</span></h3></div>
        
        <p class="box-04-links">
            <a href="manuales.php#convertir">Convertir v&iacute;deos</a> <span>|</span>
            
        </p>

    </div> <!-- /box-04 -->

    <hr class="noscreen" />

    <?php  include("footer.php"); ?>

</div> <!-- /main -->

</body>
</html>
